<div class="cat">
    <img style="vertical-align: top" src="/images/mgen/icon/pastille.png"/><h1>Quelques chiffres...</h1>
</div>
<div class="cont-1">
    <h3 class="sonic-title-font">les joueurs</h3>
    <div class="in">
        Il y a actuellement <span class="bold"><?php echo $pl["tot"] ?></span> joueurs sur le site, le dernier étant <a href="<?php echo url_for("show_player", $pl["last"])?>"><?php echo $pl["last"]->getPseudo(); ?></a>.
    </div>
    <br/>
    <h3 class="sonic-title-font">les personnages</h3>
    <div class="in">
        Il y a actuellement <span class="bold"><?php echo $char["tot"] ?></span> personnages sur Frontier Islands, le dernier étant <a href="<?php echo url_for("show_character", $char["last"])?>"><?php echo $char["last"]->getPseudo(); ?></a>.
        <br/>
        Oh, nous avons donc <?php echo $char["tot"] / $pl["tot"] ?> personnages par joueur !
        <br/>
        <div id="chart1"></div>
    </div>
</div>



<script type="text/javascript">
$(document).ready(function(){
  var char_data = [
      ["Hero", <?php echo $char["hero"]/$char["tot"] ?>],
      ["Neutral", <?php echo $char["neutral"]/$char["tot"] ?>],
      ["Dark", <?php echo $char["dark"]/$char["tot"] ?>]
  ];

  var plot_char = jQuery.jqplot ('chart1', [char_data],
    {
      seriesColors:["#B7DEED", "#056839","#EA0000"],
      seriesDefaults: {
        // Make this a pie chart.
        renderer: jQuery.jqplot.PieRenderer,
        rendererOptions: {
          // Put data labels on the pie slices.
          // By default, labels show the percentage of the slice.
          showDataLabels: true
        }
      },
      legend: { show:true, location: 'e' }
    }
  );
});

</script>